import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs'
import Print from '../../ch/components/Print.vue'

<Meta
  title="Components/Print"
  component={Print}
/>

export const Template = (args, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { Print },
  template: '<Print />'
})


# Print
<Canvas>
  <Story
    name="Example"
    args={{
    }}
  >
    {Template.bind({})}
  </Story>
</Canvas>

# Interaction and accessibility
The Printbutton is a button that opens a native print dialog. It is used to print the current page.
If the CSS of the stylgeuide is loaded the print view will be optimized.

The print button should be placed within the `.share-bar` element of the page following the breadcrumb.
